@import './variables.scss';

@mixin colorBtn($color) {
  background: $color;

  &:hover {
    color: $color;

    &:before,
    &:after {
      background: $color;
    }
  }
}
@mixin colorBtnText($color) {
  color: $color ;
  &:hover {
    color: $color;
    &:before,
    &:after {
      background: transparent;
    }
  }
}

.blue-btn {
  @include colorBtn($blue)
}

.light-blue-btn {
  @include colorBtn($light-blue)
}

.red-btn {
  @include colorBtn($red)
}
.red-btn-text{
  @include colorBtnText($red)
}

.pink-btn {
  @include colorBtn($pink)
}

.green-btn {
  @include colorBtn($green)
}

.tiffany-btn {
  @include colorBtn($tiffany)
}

.yellow-btn {
  @include colorBtn($yellow)
}

.el-button--success {
  height: 29px;
}
.el-button--warning {
  height: 30px;
}

.el-button, .el-button.is-round{
  //min-width: 80px;
  height: 36px;
  padding:6px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.el-button--success,.el-button--success.is-active, .el-button--success:active{
  background: #1F91F5;
}

.el-button--success:focus, .el-button--success:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #FFF;
}

.el-button--success {
  background: #1F91F5;
  border-radius: 4px;
  border: 0;
  color: #FFF;
}

.el-button--warning {
  border: 1px solid #E4E7ED;
  border-radius: 4px;
  background: #FFFFFF;
  color: #323232;
}
.el-button--warning:focus, .el-button--warning:hover {
  background: #FFFFFF;
  color: #323232;
  border: 1px solid #E4E7ED;
}

.el-button--small:not(.el-button--text){
  height: 36px;
  display: inline-flex;
  min-width: 76px;
  align-items: center;
  justify-content: center;
  i{
    font-size: 16px;
    margin: 4px;
  }
}


.el-button--porimary,.el-button--porimary:focus,.el-button--porimary.is-active, .el-button--porimary:active{
  background: #1F91F5;
}

.el-button--default{
  color: #75788D;
  font-weight: normal;
}

// 审核按钮
.audit-btn, .audit-btn:focus,.audit-btn:hover, .audit-btny.is-active, .audit-btn:active{
  background: #5AC08F;
  color: #ffffff;
}
